<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<body>
<div class="page-group" style="display: none;">
    <div class="page page-current" id="me">
        <header class="bar bar-nav">
            <h1 class="title title-bg">我的</h1>
        </header>
        <nav class="bar bar-tab dbar-tab borderT">
            <a class="tab-item external" href="/index.html">
                <span class="icon"></span>
                <span class="tab-label">首页</span>
            </a>
            <a class="tab-item external" href="/myOrder.html">
                <span class="icon icon-order"></span>
                <span class="tab-label">订单</span>
            </a>
            <a class="tab-item external active" href="/me.html">
                <span class="icon icon-my"></span>
                <span class="tab-label">我的</span>
            </a>
        </nav>
        <div class="content bgh me-box">
            <div class="pt5h pb5h bgf">
                <a href="#meData">
                    <div class="row load-template" id="userData"></div>
                </a>
            </div>
            <div class="load-template" id="customersInfo"></div>
            <div class="bgf borderT mt5h load-template" id="colMenu"></div>
            <div class="content-block">
                <div class="row">
                    <div class="col-100">
                        <a class="button button-big button-fill button-success red-btn" id="logout" type="button"
                           style="width: 100%">退出</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page" id="meData">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" data-no-cache="true"
               href="javascript:history.go(-1);">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">我的</h1>
        </header>
        <nav class="bar bar-tab dbar-tab borderT">
            <a class="tab-item external" href="/index.html">
                <span class="icon"></span>
                <span class="tab-label">首页</span>
            </a>
            <a class="tab-item external" href="/myOrder.html">
                <span class="icon icon-order"></span>
                <span class="tab-label">订单</span>
            </a>
            <a class="tab-item external active" href="/me.html">
                <span class="icon icon-my"></span>
                <span class="tab-label">我的</span>
            </a>
        </nav>

        <div class="content">
            <div class="bgf pt5h pb5h">
                <div class="content-padded fs75 ">
                    <div class="row no-gutter">
                    <div class="col-20">
                        <p class="margin0 c6 userPic-title">头像</p>
                    </div>
                    <div class="col-80" style="position: relative;">
                        <div class="margin0 tar c3 userPic-title">
                            <span class="icon icon-right fr"></span>
                            <div class="head-pic load-template" style="margin: 0 1rem;" id="userPic"></div>

                        </div>
                        <div class="upload" id="upFaceImg">
                            <form action="/app/imagesUpload.htm" method="post" onsubmit="false"
                                  id="meDataUploadForm">
                                <input type="file" name="uploadFile" id="uploadFile">
                            </form>
                        </div>

                    </div>
                </div>
                </div>
            </div>
            <form action="/app/updateUserInfo.htm" method="post" onsubmit="false" id="meDataForm">
                <input type="hidden" name="userCustomType2" value="">
                <div class="bgf borderT borderB meData-box">
                    <div class="load-template" id="userDataEdit"></div>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-100">
                            <a class="button button-big button-fill button-success red-btn fn-meData" type="button"
                               style="width: 100%">编辑</a>
                            <button class="button button-big button-fill button-success red-btn hide fn-save"
                                    type="submit" style="width: 100%">保存
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="page bgh" id="yhq">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" data-no-cache="true"
               href="javascript:history.go(-1);">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">我的优惠券</h1>
        </header>
        <div class="content bgf">
            <div class="buttons-tab dbuttons-tab2 load-template" id="yhqCount"></div>
            <div class="content-block margin0 padding0">
                <div class="tabs">
                    <div id="tab1" class="tab active">
                        <div class="content-padded">
                            <ul class="red-box load-template" id="yhqData1">

                            </ul>
                            <div class="mt5h"><p class="margin0 c9 tac">更多优惠券，去推荐看看</p></div>
                            <div class="row mt5h">
                                <div class="col-33">&nbsp;</div>
                                <div class="col-33"><a href="#recommend" class="button button-fill h-null-btn">去推荐</a>
                                </div>
                                <div class="col-33">&nbsp;</div>
                            </div>
                        </div>
                    </div>
                    <div id="tab2" class="tab">
                        <div class="content-padded">
                            <ul class="red-box  red-box2 load-template" id="yhqData2">
                            </ul>
                            <div class="mt5h"><p class="margin0 c9 tac">更多优惠券，去推荐看看</p></div>
                            <div class="row mt5h">
                                <div class="col-33">&nbsp;</div>
                                <div class="col-33"><a href="#recommend" class="button button-fill h-null-btn">去推荐</a>
                                </div>
                                <div class="col-33">&nbsp;</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page" id="changePW2">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" href="#me">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">修改密码</h1>
        </header>
        <form action="/app/appChangePwd.htm" method="post" id="changePWForm" onsubmit="false">
            <div class="content mt1">
                <div class="list-block dlist-block">
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title label">原密码</div>
                                    <div class="item-input rel">
                                        <input type="password" placeholder="请点击输入" class="pw required password"
                                               name="password" aria-required="true">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i>
                                </div>
                                <div class="item-inner">
                                    <div class="item-title label">新密码</div>
                                    <div class="item-input rel">
                                        <input type="password" placeholder="请点击输入" class="pw required password"
                                               name="newPassword" aria-required="true">
                                        <input type="text" placeholder="请点击输入" class="textP required password"
                                               style="display: none" name="newPassword" aria-required="true"> <i
                                            class="eyes eyes-hide"></i>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <span class="error-tip"></span>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-100">
                            <button type="submit" class="button button-big button-fill button-success red-btn"
                                    style="width: 100%">下一步
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="page bgh" id="recommend">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" data-no-cache="true"
               href="javascript:history.go(-1);">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">有奖推荐</h1>
        </header>
        <div class="content">
            <form action="/json/recommend.json" method="post" onsubmit="false" id="recommendForm">
                <div class="borderB bgf ptb1 tac">
                    <span class="c9 fs75">推荐朋友加入易果蔬</span>
                    <p class="margin0 pink fs75">¥ <span style="font-size:2.15rem">30.00</span></p>
                    <span>朋友注册成功，您可获得30元！</span>
                </div>
                <div class="borderB bgf mt25h">
                    <div class="content-padded fs75">
                        <div class="row no-gutter borderB pt5h pb5h">
                            <div class="col-25">
                                <p class="c3 fs75 margin0">朋友姓名</p>
                            </div>
                            <div class="col-75 tar">
                                <input type="text required" name="friend" class="wall border0" placeholder="请点击输入"/>
                            </div>
                        </div>
                        <div class="row no-gutter pt5h">
                            <div class="col-25">
                                <p class="c3 fs75 margin0">朋友电话</p>
                            </div>
                            <div class="col-75 tar">
                                <input type="text required tel" name="tel" class="wall border0" placeholder="请点击输入"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-100">
                            <button class="button button-big button-fill button-success red-btn" type="submit"
                                    style="width: 100%">提交
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="page bgh" id="feedBack">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" href="#me">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">反馈意见</h1>
        </header>
        <div class="content bgh">
            <form action="/json/feedBack.json" method="post" onsubmit="false" id="feedBackForm">
                <p class="content-padded pt5h pb5h c6 fs75" style="margin: 0 .5rem;">有什么可以帮您？</p>
                <div class="borderT">
                    <textarea namn="content" class="fs75 c6 wall border0 textarea pt5h pb5h pl5h pr5h required"
                              placeholder="说说您对易果蔬的评价吧~" style="min-height: 8.1rem;"></textarea>
                </div>
                <div class="content-padded">
                    <div class="row">
                        <div class="col-100">
                            <button class="button button-big button-fill button-success red-btn" type="submit"
                                    style="width: 100%">提交
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="page" id="recommendCustomers">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" href="#me">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">推荐客户</h1>
        </header>
        <div class="content bgh me-box load-template" id="recommendData"></div>
    </div>
    <div class="page bgh" id="steadOrder">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" href="#me">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">代下单</h1>
        </header>
        <div class="content load-template" id="orderData"></div>
    </div>
    <div class="page" id="send">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back dback" href="#me">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title title-bg">发放的优惠券</h1>
        </header>
        <div class="content bgf load-template" id="sendList"></div>
    </div>
</div>
</body>
</html>